How to Increase the Visibility of Error Messages錯誤資訊

準則 1：錯誤資訊應靠近錯誤來源

重要性：將錯誤資訊放置在錯誤來源附近，有助於使用者快速識別錯誤並理解其關聯。

問題：如果錯誤資訊距離錯誤本身較遠，使用者可能無法注意到，進而難以理解問題所在。

示例：在表單中，未填寫必填欄位時，錯誤提示應直接顯示在欄位附近，而非頁面頂部或其他區域。

準則 2：使用顯著、冗餘和可訪問的指示方式

顯著性：使用醒目的設計元素（如粗體文字、圖示、顏色等）使錯誤資訊與頁面其他內容區分開。

常見方法：紅色通常用於顯示錯誤，因其在視覺上容易引起注意。

冗餘性：在視覺上高亮相關欄位，並配以文字說明。

例如，當使用者遺漏必填項時，錯誤提示可以包含：

可訪問性：確保提示對所有使用者清晰可見，包括色盲使用者和其他視覺障礙使用者。

準則 3：根據錯誤的影響設計資訊樣式

區分嚴重性：

關鍵錯誤：必須立刻解決，否則會導致嚴重後果。應使用醒目的格式（如紅色）突出顯示。

次要錯誤：不影響使用者任務完成，僅作為提示資訊。應避免過於顯眼的格式。

示例：

關鍵錯誤：表單提交失敗，應使用紅色提示使用者修正錯誤。

非關鍵資訊：如電商平臺告知“由於天氣原因，配送可能延遲”，可使用普通文字而非紅色顯示，以免使用者誤以為操作失敗。

準則 4：避免過早顯示錯誤資訊

問題：過早提示錯誤會讓使用者感到困惑或被輕視，影響體驗。

最佳時機：考慮使用者的行為預期和任務的易錯性，在合適的時間顯示提示資訊。

示例：適合過早提示的場景：

建立複雜密碼時，實時顯示哪些要求已滿足，哪些未滿足。

不適合過早提示的場景：

使用者輸入電話號碼時，不應在輸入完成前提示“數字不足”，因為使用者通常清楚電話號碼的位數。

為了讓錯誤資訊有效且可見，應遵循以下四條準則：

• 將錯誤資訊放置在錯誤來源附近。

• 使用顯著、冗餘和可訪問的設計突出錯誤。

• 根據錯誤的嚴重程度設計合適的顯示樣式。

• 避免過早顯示錯誤資訊。

透過這些方法，可以顯著提升錯誤提示的可見性和使用者體驗，幫助使用者更高效地完成任務。